.sortbar {
	display: flex;
	align-items: center;
}

.sortbar * {
	margin-right: 10px;
}

.price-input {
	text-align: center;
	width: 100px;
	border: 1px solid #CCCCCC;
	height: 34px;
	padding: 0px 10px;
}

.price-input::-webkit-outer-spin-button,
.price-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.btn-ok {
	background-color: #5D84E3;
	color: #FFFFFF;
	border: none;
	height: 34px;
	width: 80px;
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.pagination > * {
	margin-left: 10px;
}

.pagination ul {
	display: flex;
}

.pagination ul li a {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-left: none;
	width: 31px;
	height: 31px;
	/* 变成块级之后, width, height就有效了 */
	display: block;
	text-align: center;
	line-height: 31px;
}

.pagination ul li a:hover {
	background-color: #5D84E3;
	color: #FFFFFF;
}

.page-input {
	width: 80px;
	text-align: center;
}

.h31 {
	height: 31px;
}
